<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>乐章</title>
    <link rel="stylesheet" href="css/reset.css"/>
    <link rel="stylesheet" href="css/header.css"/>
</head>
<body>
<div class="header">
    <div class="header-logo"></div>
    <div class="header-navi">
        <ul>
            <li><a href="index.html">首页</a></li>
            <li><a href="yz.html">乐章</a></li>
            <li><a href="#">听说</a></li>
            <li><a href="#">乐趣</a></li>
            <li><a href="#">聊聊</a></li>
            <li><a href="#">游记</a></li>
            <li><a href="#">摄影</a></li>
            <li><a href="#">诚品</a></li>
            <li><a href="#">蓝莓酱</a></li>
            <li><a href="#">社区</a></li>
        </ul>
    </div>
    <div class="header-menu">
        <div class="he-me-input">
            <input type="text"/>
            <div class="input-btn"></div>
        </div>
        <a href="#">登录</a>
        <a href="#">注册</a>
    </div>
</div>

<script src="js/jquery-1.12.3.min.js"></script>
<script src="js/header.js"></script>
</body>
</html>